.dot {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #dde2e9;
}

.dot-loading {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #8585ff;
}

.dot-breath {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(82, 82, 255, 1);
  opacity: 0.75;
  animation: breath 1s cubic-bezier(0,0,.2,1) infinite;
}

@keyframes breath {
  75%,
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
